<template>
  <view>
    <button open-type="contact" class="service-btn">

      <image src="/static/icon/service.png" mode="aspectFill" class="service-btn-icon" />

      <view class="service-text">在线客服</view>
    </button>
  </view>
</template>



<style lang="scss" scoped>
@import '@/index.scss';

.service-btn {
  position: fixed;
  bottom: 324rpx;
  right: 12rpx;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;

  .service-btn-icon {
    width: 84rpx;
    height: 84rpx;
    transform: scale(1.3);
  }

  .service-text {
    width: 100rpx;
    height: 40rpx;
    line-height: 40rpx;
    background: #E3512B;
    box-shadow: 4rpx 4rpx 6rpx 0rpx rgba(0, 0, 0, 0.07);
    border-radius: 21rpx;
    font-size: 20rpx;
    color: #FFFFFF;
  }
}
</style>
